<include file="Public/newset-header" title="蜂巢 - 免费应用内测托管平台|APP应用分发|IOS分发|Android分发" />
<link rel="stylesheet" href="__STATIC__/css/add.css">
<style>
    .header{width:100%;padding: 36px 36px 0 36px;}
    @media(max-width: 1500px){
        .erweima-down{padding: 91px 120px 255px;}
    }
    @media(max-width: 1200px){
        .header{width:100%;padding: 36px 15px 0 15px;}
        .erweima-down{padding: 91px 80px 255px;}
        .banner-top .banner-title{margin:64px auto;width: 736px;}
    }
    @media(max-width: 768px){
        .erweima-down{padding: 0;}
        .banner-top .banner-title{margin:32px auto;width: 100%;}
    }
</style>
<!-- banner -->
<div class="zhuanti-banner">
    <div class="banner-top">
        <img src="__STATIC__/images/yingkelogo_04.png" alt="">
        <img src="__STATIC__/images/yinketitle_08.png" alt="" class="banner-title">
        <div class="banner-bot">
            <span class="fabu-time">发布时间：2017-03-29</span>
            <span class="liulan">浏览数：232</span>
            <span class="pingtai">平台：<i class="fa fa-android android-color"></i><i class="fa fa-apple apple-color"></i></span>
            <div class="clear"></div>
        </div>
    </div>
    <span class="advertising">广告</span>
</div>
<div class="container-fluid erweima-down">
    <div class="row">
            <div class="col-xs-12 lie-btn">
                    <a href="javascript:;" class="single-row">
                        <i class="fa fa-align-justify"></i>
                    </a>
                    <a href="javascript:;" class="two-lines">
                            <i class="fa fa-th-large"></i>
                    </a>
                </div>

        <foreach name="articles" item="v" key="k">
        <div class="col-xs-6 col-md-6 col-lg-4 adjust adjust-small">
            <div class="adjust-div">
                <div class="adjust-content">
                    <if condition="$v.arimgs eq '' ">
                    <img src="__STATIC__/images/z168168.png" alt="" class="icon-logo">
                    <else/>
                    <img src="__IMG__{$v.arimgs}" alt="" class="icon-logo">
                   </if>
                    <h2>{$v.arname}</h2>
                    <div class="adjust-bot">
                        <p>时间：{$v.addtime|substr=0,10}</p>
                        <p>浏览数：{$v.upnum}</p>
                        <p>平台：
                            <if condition=" $v.arios neq ''">
                                <i class="fa fa-apple apple-color"></i>
                                <else/>
                                <i></i>
                            </if>
                            <if condition=" $v.arandroid neq '' ">
                            <i class="fa fa-android android-color"></i>
                                <else/>
                                <i></i>
                           </if>
                        </p>
                    </div>
                    <a href="{$v.url}" class="adjust-down" target="_blank"><i class="fa fa-cloud-download"></i>立即下载</a>
                    <div class="adjust-icon">
                        <span><img src="__STATIC__/images/guanfang.png">官方</span>
                        <span><img src="__STATIC__/images/safe.png">安全五毒</span>
                        <span><img src="__STATIC__/images/free.png">免费</span>
                    </div>
                    <div class="adjust-small-icon">
                        <img src="__STATIC__/images/guanfang.png"><img src="__STATIC__/images/safe.png"><img src="__STATIC__/images/free.png">
                    </div>
                </div>
                <!-- 右上角二维码 -->
                <a href="" class="z-erweima"><img src="__STATIC__/images/zhuanti-erweima.png" alt=""></a>
                <!-- 推荐 -->
                <if condition="$v.ishot eq 1">
                    <img src="__STATIC__/images/zhuanti-tuijian.png" alt="" class="z-tuijian">
                </if>

                <!-- 遮罩层 -->
                <div class="erweima-bg">
                         <img src="__PUBLIC__/png/{$v.qrcode}.png" alt="" class="y-erweima">
                </div>
            </div>
        </div>
        </foreach>


    </div>
</div>
<include file="Public/newset-footer" title="网站底部"/>
<script>
    $(function(){
        // 二维码显隐
        $(".z-erweima").hover(function(){
            $(this).siblings(".erweima-bg").fadeIn();
        },function(){
            $(this).siblings(".erweima-bg").fadeOut();
        })

        $(".single-row").click(function(){{
            $(".adjust").removeClass("adjust-small");
            $(".erweima-down .col-xs-6").css("width","100%")
        }})
        $(".two-lines").click(function(){
            $(".adjust").addClass("adjust-small")
            $(".erweima-down .col-xs-6").css("width","50%")
        })
    })
</script>